<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <!-- editor.md 的css文件 -->
    <link rel="stylesheet" href="../assets/vendors/editor.md/css/editormd.css">
    <link rel="stylesheet" href="../assets/vendors/editor.md//css/editormd.preview.min.css">

    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="iconfont/iconfont.css">
    <link rel="stylesheet" href="css/response.css">

    <!-- editor.md 的js文件 -->
    <script src="../assets/vendors/editor.md/examples/js/jquery.min.js"></script>
    <script src="../assets/vendors/editor.md/lib/marked.min.js"></script>
    <script src="../assets/vendors/editor.md/lib/prettify.min.js"></script>
    <script src="../assets/vendors/editor.md/lib/raphael.min.js"></script>
    <script src="../assets/vendors/editor.md/lib/underscore.min.js"></script>
    <script src="../assets/vendors/editor.md/lib/sequence-diagram.min.js"></script>
    <script src="../assets/vendors/editor.md/lib/flowchart.min.js"></script>
    <script src="../assets/vendors/editor.md/lib/jquery.flowchart.min.js"></script>
    <script src="../assets/vendors/editor.md/editormd.js"></script>

    <script src="lib/live2d/live2d.js"></script>
   <script src="js/loading.js"></script>
    <link rel="stylesheet" href="css/loading.css">

</head>

<body>
    <!-- 看板娘 -->
    <canvas id="live2d" width="250" height="350"></canvas>
   <div id="loading">
        <div class='loader'>
            <div class='loading-square'></div>
            <div class='loading-square'></div>
            <div class='loading-square'></div>
            <div class='loading-square'></div>
        </div>
    </div>
    <header>
        <div class="left">
            <div class="logo">
                <a href="index.html">
                    <img src="images/tx.jpg" alt="">
                    <h3>小柯大前端工程师</h3>
                </a>
            </div>
        </div>
        <div class="right">
        </div>
        <div class="iconfont icon-caidan menu menuon"></div>
        <div class="mask"></div>
    </header>
    <div class="banner">
        <div class="left">
            <h1 class="title">Hello, I'm <span>Xiao Ke</span></h1>
            <p class="content">在敲代码的时候，我们一定要想像一下，以后维护我们自己的代码的那个人会成为一个有暴力倾向的疯子，并且，他还知道我们住在哪里</p>
            <a href="https://space.bilibili.com/482322981" target="" class="btn">去B站关注我</a>
            <div class="icon">
                <a href="https://space.bilibili.com/482322981"><img class="bilbil" src="images/bilibili.svg" alt=""></a>
                <div class="iconfont icon-weixin1 public"><span>公众号</span>
                    <img src="images/publicQR.png" alt="" class="dropdown__menu">
                </div>
            </div>
        </div>
        <div class="right">
            <img src="images/banner.svg" alt="">
        </div>
    </div>
    <main>
        <div class="title">最新博文<img src="images/new.svg" alt="">
        </div>
        <div id="article">

        </div>
        <div class="paging">
            <a class="next" href="javascript:;">Older Entries »</a>
            <a class="previous" href="javascript:;">Older Entries »</a>
        </div>
    </main>
    <footer>
        <div class="main">
            <div class="link">
                <div class="link_title">友情链接</div>
            </div>
            <div class="Copyright">
                <p>Copyright © 2020 Xiao Ke</p>
                <p>冀ICP备888号-88</p>
            </div>
        </div>
    </footer>
    <div class="up"><img src="images/up.svg" alt=""></div>
    <script src="../assets//vendors/art-template/template-web.js"></script>
    <script src="js/common.js"></script>
    <script src="js/animate.js"></script>
    <script src="js/index.js"></script>



    <script type="text/html" id="articleListTpl">
        {{each data}}
        <div class="article_item">
            <div class="item_title"><a href="article.html?id={{$value.id}}" class="item_titletext">{{$value.title}}</a></div>
           <div class="info"> <div class="class">{{$value.class}}</div>
           <div class="data">{{$value.date.substr(0,10)}}</div></div>
            <div class="content" id="contentData">
                <textarea name="" style="display: none;" id="appendTest" >{{$value.content.substr(0,200) + '...'}}</textarea>
            </div>
            <a href="article.html?id={{$value.id}}">
                <div class="btn">阅读原文</div>
            </a>
        </div>
    {{/each}}


    
    </script>


    <script type="text/html" id="navTpl">
        {{each navData}}
        <a href="{{$value.url}}" target="{{$value.way}}" class="a_item">{{$value.name}}</a>
        {{/each}}
      </script>

    <script type="text/html" id="linkTpl">
        {{each linkData}}
        <a href="{{$value.url}}" target="_blank">{{$value.name}}</a>
        {{/each}}
    </script>
</body>

</html>